<template>
  <div class="container">
    <home></home>
    <mt-tabbar v-model="selected">
      <mt-tab-item id="home">
        <img class="tab-icon" slot="icon" src="/static/img/home.png">
        首页
      </mt-tab-item>
      <mt-tab-item id="order">
        <img class="tab-icon" slot="icon" src="/static/img/order.png">
        <div>订单</div>
      </mt-tab-item>
      <mt-tab-item id="personal">
        <img class="tab-icon" slot="icon" src="/static/img/personal.png">
        <div>个人中心</div>
      </mt-tab-item> 
    </mt-tabbar>
  </div>
</template>

<script>
import home from './home/home'
export default {
  name: 'index',
  data() {
    return {
      selected: "home",
      searchWord: '',
      cancelText: '取消'

    }
  },
  mounted() {},
  components: {
    home,
  }
}
</script>

<style lang="less" scoped>

</style>
